/* Layout */
#login-school-container {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: 1fr 5fr 5fr 1fr;
    grid-template-rows:  .5fr .5fr 1fr .5fr 1fr;
    grid-template-areas:
        ". school-name school-name ."
        ". school-password school-password ."
        ". info info ."
        ". feedback feedback ."
        ". submit submit ."
    ;
    align-items: center;
    justify-items: start;
    overflow-x: visible;
}

#login-school-name {
    grid-area: school-name;
    align-self: end;
}

#login-school-password-form {
    grid-area: school-password;
    width: 80%;
}

.info {
    grid-area: info;
}

#login-school-submit-button {
    justify-self: center;
}